.main{
  width: 100%;
  display: flex;
  flex-direction: column;
   flex: 1;
}
.top {
  width: 100%;
  height: 0.5208rem;
  position: relative;
  .title {
    font-family: DongFangDaKai;
    font-size: 0.1458rem;
    color: #2d2d2d;
    margin-top: 0.0833rem;
    margin-left: 0.1042rem;
    display: flex;
    align-items: baseline;
    .back-icon{
      width: .1rem;
      height: .1rem;
      margin-right: .1rem;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .top-class-name {
    display: flex;

    .part {
      flex: 1;
      margin-top: 0.0677rem;
      position: relative;
      font-weight: bold;
      .under {
        position: absolute;
        bottom: -0.115rem;
        left: 0;
        opacity: 0.5;
      }
    }
    .left {
      margin-left: 0.1302rem;
      color: #3644bf;
    }
    .right {
      color: #c71d32;
    }
  }
  .under-line {
    width: 100%;
    height: 0px;
    margin-top: 0.0365rem;
    border: 1px solid #e7ebee;
    bottom: 0;
    display: flex;
  }
}
.content{
  display: flex;
  .content-part:nth-child(1){
    margin-left:  0.1042rem;
  }
  .content-part:nth-child(2){
    margin-right:  0.1042rem;
    margin-left:  0.1042rem;
  }
  .content-part{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    .tag{
      width: 25%;
      margin-top: .1042rem;
      font-size: .0833rem;
      color: #696969;

    }
    .tag:hover{
     text-decoration: underline;

    }
  }
 
}
